<template>
    <h3>事件修饰符</h3>
<!-- <a  @click="clickHandler" href="https://itbaizhan.com">点击我</a> -->
<a  @click.prevent="clickHandler" href="https://itbaizhan.com">点击我</a>

</template>

<script>
export default {
data() {
    return {
        
    }
},
methods: {
    clickHandler(e) {   
        // a标签绑定click事件，a标签默认行为是跳转链接
        // 使用 e.preventDefault();，会阻止默认的跳转行为，只保留click事件
        // 也可以使用事件修饰符a @click.prevent替代 e.preventDefault();
        // e.preventDefault();
        console.log('点击了');
    }
}
}

</script>